[學習筆記] 邊學邊寫 JavaScript 30天 (8)：函式

2022 iThome 鐵人賽

DAY 8

Modern Web

[學習筆記] 邊學邊寫 JavaScript 30天系列第 8 篇

14th鐵人賽

LeeFang

團隊好想工作室 v6.0

2022-09-23 11:46:50

533 瀏覽

分享至

今天要填的坑是第5天變數II還沒講到的物件型別：function。

今天內容

函式宣告
函式結構

筆記

函式宣告：直接function 名稱()，或是宣告變數=function()這樣會變成匿名function。

function SayHi1() {
    console.log("你好")
}
SayHi1() //你好   

//匿名function
var SayHi2 = function() {   
    console.log("hello")
}
SayHi2() //hello

函式結構

function 函式名稱(參數) {
   return  //使用return來傳東西。要直接寫在後面，若寫在下一行會被視為沒東西而undefined。
}
console.log(函式名稱(引數)) //傳入引數

把 f(x)=2x 從數學變成function

function double(x) {
 return x*2
}
console.log(double(10)) //20 這裡的10會代入x位置去執行function內的計算。

return不return？
看是否需要回傳值，return後面的下一行都不會被執行。

//return
function double(n) {
   return n*2
   // console.log(double(10)) 這一行寫在return下面不會被執行！
}
console.log(double(5)) //10

//不需要return
function hello() {
   console.log("hello")
}
hello() //呼叫function

感覺今天要來寫點什麼，因為覺得functionu有點難(難到鐵人賽都寫不出2千字了QQ)，儘管Lidemy鋰學院課程已經講的很簡單了。這段落裡的影片，已經反覆看超過3次。還是有一種看的懂，但不會寫的感覺 ~~(這樣還叫看得懂？)~~。在整理這篇筆記時，其實挺沒頭緒的寫的有點亂，範例也寫的有點簡單。
課程範例還有在functionu裡用到for迴圈和array，但寫不出講解筆記，感覺是需要看影片才能理解的過程。我目前只能用這張圖來解釋：

最後有一個解題小技巧還是需要筆記一下：先寫好大綱再來處理實作(把大問題拆成小問題)。